<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JQuery使用</title>
</head>

<body>
    <div id="test"><span>你好</span></div>
    <div id="test1"><span>你好</span></div>
    <input type="text" value="hello">
    <script src="JS/jquery-3.7.1.min.js"></script>
    <script>
        //获取元素内容
        //1.获取元素的文本内容
        //$("#test").text();//你好
        //2.获取元素的html内容
        //$("#test").html();//<span>你好</span>
        //3.获取元素的value属性值
        //$(":input").val();//hello

        $(function () {
            var text = $("#test").text();
            console.log(text);
            var html = $("#test").html();
            console.log(html);
            var value = $(":input").val();
            console.log(value);
        });
        //设置元素内容
        //1.设置元素的文本内容
        //$("#test").text("你好2");
        //2.设置元素的html内容
        //$("#test1").html("<h1>你好2</h1>");
        //3.设置元素的value属性值
        //$(":input").val("hello2");

        $(function () {
            $("#test").text("你好2");
            $("#test1").html("<h1>你好</h1>");
            $(":input").val("hello2");  
        })
    </script>

</body>

</html>